<template>
	<div>
		<h1>{{currentItem.name}}</h1>
		<div>
			{{currentItem.instruction}}
		</div>
		<MyButton class="primary" @click="$emit('onStart')" title="开始答题" />
	</div>
</template>

<script setup lang="ts">
	
	defineProps({
		currentItem: {
			type: Object,
			default() {
				return {};
			},
		},
	});
	
</script>

<style lang="less" scoped>
	@import "../index.less";
	div{
		font-size: 20px;
		text-indent: 2em;
		flex:1;
		display: flex;
		flex-direction: column;
		align-items:center;
		.primary{
			width: 40%;
		}
	}
</style>